{% extends 'base.html' %}
{% block title %}
    修改密码
{% endblock %}
{% block head %}
    <script type='module' src="{% static 'js/reset.js' %}"></script>
{% endblock %}
{% block content %}
    <main class="container bg-white p-3 rounded mt-3">
        <div class="mb-3">
            <div class="m-auto">
                <div class="row">
                    <div class="col-md-6 offset-md-3">
                        <form method="post">
                            {% csrf_token %}
                            <div class="mb-3">
                                <label for="email" class="form-label">邮箱</label>
                                <input type="email" class="form-control" id="email" name="email" placeholder="邮箱">
                            </div>
                            <div>
                                <label for="captcha" class="form-label">验证码</label>
                                <div class="mb-3 input-group">
                                    <input type="text" class="form-control" placeholder="验证码" name="captcha"
                                           id="captcha">
                                    <button class="btn btn-outline-secondary" type="button" id="captcha-btn">发送验证码
                                    </button>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="password" class="form-label">密码</label>
                                <input type="password" class="form-control" id="password" name="password"
                                       placeholder="密码">
                            </div>
                            <div class="mb-3">
                                <label for="password2" class="form-label">请再次输入密码</label>
                                <input type="password" class="form-control" id="password2" name="password2"
                                       placeholder="再次输入密码">
                            </div>
                            <div class="mb-3">
                                <button type="submit" class="btn btn-primary w-100" id="reset-btn">重置密码</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </main>
{% endblock %}